@font-color: #7AAAEE;
.welcome {
  width: 100%;
  height: 85vh;
  background-size: cover;
  background: url("https://leuan.top/files/assets/img/welcome_bg.png") right no-repeat;
  background-size: cover;
  border-radius: 10px;
  position: relative;

  .title {
    position: absolute;
    left: 40px;
    top: 79px;
    color: @font-color;
    font-size: 53px;
    letter-spacing: 5px;
  }

  .subtitle {
    position: absolute;
    left: 40px;
    top: 142px;
    color: @font-color;
    font-size: 18px;
  }

  .expired-time {
    position: absolute;
    left: 51px;
    bottom: 95px;
    font-size: 9px;
    color: @font-color;
  }

  .system-version {
    position: absolute;
    left: 51px;
    bottom: 80px;
    font-size: 9px;
    color: @font-color;
  }


  .notify-bar {
    position: absolute;
    width: 100%;
    line-height: 40px;
    bottom: 25px;
    padding: 0 25px;

    .notify {
      border-style: solid;
      border-width: 1px;
      border-color: rgba(@font-color, .5);
      border-radius: 5px;
      display: flex;
      background-color: rgba(#FFFFFF, .3);
    }

    .icon {
      width: 25px;
      height: 40px;
      margin-left: 20px;
      background: url("https://leuan.top/files/assets/icon/welcome_notify.png") no-repeat;
      background-size: 100% auto;
      background-position: center center;
    }

    .content {
      margin-left: 20px;
      color: @font-color;
    }
  }
}